<template>
  <div class="course_detail">
    <p class="zi">视频介绍</p>
    <el-divider></el-divider>
    <div class="right_details">
      <p><strong>{{courseinfo.name}}</strong></p>

      <ul>
        <li><span>目的：{{courseinfo.aim_name}}</span></li>
        <li><span>难度：{{courseinfo.grade_level}}</span></li>
        <li><span>消耗：{{courseinfo.burning_fat}}千卡</span></li>
      </ul>
      <ul>
        <li><span>时长：10分钟</span></li>
        <li><span>训练次数：200次</span></li>
      </ul>

    </div>
    <el-divider></el-divider>
    <div class="right_xiangqing">
      <p>视频简介: <span>{{courseinfo.shuoming}}</span></p><br>
<!--      <el-divider></el-divider>-->
<!--      <p>注意事项: {{}}</p>-->
<!--      <el-divider></el-divider>-->
<!--      <p>动作要点: {{Info.important}}</p>-->
    </div>
  </div>
</template>

<script>
    export default {
        name: "coursejieshao",
      data(){
          return {
            courseinfo:'',
          }
      },
      created() {
        var this_ = this;
        this.$axios.get('http://127.0.0.1:8080/course/getcoursedata' ,{
          params: {
            id:  this_.$store.state.courseid,
          }
        })
          .then(function (response) {

            console.log(response.data);
            this_.courseinfo=response.data[0];
            // console.log(this_.info);
          })
      },
    }
</script>

<style scoped>
  .zi{
    margin-top: 5px;
  }
  .right_details .time{
    margin-left: 5px;
    color: #464646;
  }

  .right p{
    font-size: 15px;
    margin-bottom: 5px;
  }
  .right span{
    margin-right:10px;
    margin-bottom: 10px;
  }
  /*.right_details span{*/
  /*  margin-top: 0;*/
  /*}*/
  ul{
    width: 100%;
    display: flex;
    margin-left: 10px;
    margin-top: 5px;
  }
  ul li{
    width: 120px;
    height: 30px;
    font-size: 15px;
    color: #464646;
  }
  .right_details p{
    font-size: 20px;
    margin-left: 10px;
    margin-top: 20px;
    color: #464646;
  }
  .right_xiangqing p{
    margin-left: 10px;
    font-size: 15px;
    height: 80px;
    margin-bottom: 10px;
    color: #464646;
  }
  .right_xiangqing p span{
    font-size: 15px;
  }


</style>
